<template>
  <button class="button bc3 br20p h40p white w80p" type="button">
    {{ state.text }}
  </button>
</template>

<script setup>
import { defineProps, reactive } from "vue";

const props = defineProps({
  msg: Object,
});

const state = reactive({
  text: props.msg.text ? props.msg.text : "确定",
});
</script>

<style scoped>
.button {
  cursor: pointer;
}
</style>
